import React, { Component } from 'react';
import {
    View,Text,StyleSheet,
    Platform
    } from 'react-native';
import pxToDp from '../common/comm';
import * as DATA from '../data/data';
import moment from 'moment';

export default class FanliInfoItem extends Component{
    // 构造
      constructor(props) {
        super(props);
        // 初始状态
        this.state = {
            item:this.props.navigation.state.params.item
        };
      }

    static navigationOptions = {
        headerTintColor: '#fff',
        headerTitle: '返现详情',
        headerStyle: {
            backgroundColor: DATA.BASE_COLOR,
            height:Platform.OS === 'android'?pxToDp(84):pxToDp(110)
        },
        headerTitleStyle: {
            color: '#fff',
            fontSize: pxToDp(34),
            marginLeft:Platform.OS === 'android'?pxToDp(185):null
        },
        gesturesEnabled: true
    }

    render(){
        return (
            <View style={styles.container}>
                <View style={styles.item}>
                    <Text style={styles.title}>产   品   名   称</Text>
                    <Text style={styles.content}>{this.state.item.chanpin.name}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>投资项目代号 </Text>
                    <Text style={styles.content}>{this.state.item.item.name}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>投   资   金   额</Text>
                    <Text style={styles.content}>{this.state.item.money}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>投   资   时   间</Text>
                    <Text style={styles.content}>{moment(this.state.item.addtime*1000).format("YYYY-MM-DD HH:mm")}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>投   资   期   限</Text>
                    <Text style={styles.content}>{this.state.item.item.qixian}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>返   利   金   额</Text>
                    <Text style={styles.content}>{this.state.item.fanli}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>申请返利时间 </Text>
                    <Text style={styles.content}>{moment(this.state.item.tzsj*1000).format("YYYY-MM-DD HH:mm")}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>返   利   状   态</Text>
                    <Text style={styles.content}>{this.state.item.status == '1' ? '未处理' : (this.state.item.status == '2' ? '已返利' : '不返利')}</Text>
                </View>
                <View style={styles.item}>
                    <Text style={styles.title}>返   利   时   间</Text>
                    <Text style={styles.content}>{moment(this.state.item.fltime*1000).format("YYYY-MM-DD HH:mm")}</Text>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container:{
        padding:pxToDp(40)
    },
    item:{
        flexDirection:'row',
        marginBottom:pxToDp(10)
    },
    title:{
        fontSize:pxToDp(30),
        fontWeight:'bold',
        marginRight:pxToDp(60)
    },
    content:{
        fontSize:pxToDp(30),
        color:'#aaa'
    }
});